@layout('layouts.clearly')

<?php
    // Các trường checkbox => label
    $check_fields = array(
        'garret' => 'gác',
        'internet' => 'Internet',
        'tv' => 'TV',
        'air_condition' => 'Điều hòa/máy lạnh',
        'toilet' => 'Nhà vệ sinh trong',

    );
?>

@section('content')
@id('house.view')
<!--
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAyEXgNgC32_IhPQqEyDohMOZou65Ee6gY&sensor=false"></script>
-->
<div class="page-head" id="news-title">
    <h1>
        <?php
            $title = Str::title($house->house_name);
            if (!starts_with($title, 'Nhà Trọ')) {
                $title = 'Nhà Trọ ' . $title;
            }
            echo $title;
        ?>
    </h1>
</div>
<div class="container page-outer">
    <div class="w640 fl-left clear-fix">
        <div class="house-detail">
            <div class="box house-intro">
                {{ $house->intro }}
            </div>
            <div class="box">
                <h2>Thông tin cơ bản về nhà trọ</h2>
                <ul class="house-info">
                    <li class="item">
                        <span class="label">Địa chỉ nhà trọ</span>
                        <span class="value">
                            @if (Str::length($house->house_position) > 0)
                            <a href="{{ $house->house_position }}" class="view-map dis-block" title="Click vào để xem vị trí trên bản đồ">
                                {{ $house->address }}
                            </a>
                            @else
                            {{ $house->address }}
                            @endif

                        </span>
                    </li>

                    <li class="item">
                        <span class="label" title="Giờ đóng/mở cổng nhà trọ">Qui định giờ (mở - đóng cửa)</span>
                        <span class="value">
                            <em>{{ ($house->opening_hour > -1) ? $house->opening_hour : 'Không qui định' }}</em> -
                            <em>{{ ($house->closing_hour > -1) ? $house->closing_hour : 'không qui định' }}</em>
                        </span>
                    </li>

                    <li class="item">
                        <span class="label">Gần địa điểm mốc</span>
                        <span class="value">
                             @if ($house->anchor_id > -1)
                            <a href="{{ $house->anchor->anchor_position }}" class="view-map anchor-tag dis-block" title="nhấn vào để xem bản đồ">{{ $house->anchor->anchor_name }}</a>
                            @else
                            <span class="error">Chủ nhà trọ không cung cấp</span>
                            @endif
                        </span>
                    </li>

                    <li class="item">
                        <span class="label">Người đăng</span>
                        <span class="value">{{ $house->user->display_name }}</span>
                    </li>

                    <li class="item">
                        <span class="label">Điện thoại liên hệ</span>
                        <span class="value">{{ $house->user->phone }}</span>
                    </li>

                    <li class="item">
                        <span class="label">Email liên hệ</span>
                        <span class="value">{{ $house->user->email }}</span>
                    </li>

                    <li class="item">
                        <span class="label">Giá phòng</span>
                        <span class="value">{{ $house->room_price_statistic }}</span>
                    </li>

                    <li class="item">
                        <span class="label">Diện tích phòng</span>
                        <span class="value">{{ $house->room_area_statistic }}</span>
                    </li>
                </ul>
            </div>

            <div class="box clear-fix pos-relative">
                @if (MyAuth::has_house_privileges($house->id))
                <span class="menu pos-absolute" style="right: 10px; top: 10px">
                    <a href="{{ action('room@post', array($house->id)) }}" class="spec">
                        <i class="icon-plus"></i>
                        Thêm loại phòng
                    </a>
                </span>
                @endif
                <h2>Các loại phòng ở nhà trọ</h2>
                <?php $counter = 0; ?>
                @forelse ($house->rooms as $ro)
                <div class="rooms pos-relative">
                    @if (MyAuth::has_room_privileges($ro->id))
                    <span class="menu pos-absolute" style="right: 10px; top: 10px">
                        <span>
                            <a href="{{ action('room@update', array($ro->id)) }}" class="spec recommend" title="Cập nhật">
                                <i class="icon-edit"></i>
                            </a>
                        </span>

                        <span>
                            <a href="{{ action('room@delete', array($ro->id))}}" class="spec warning" title="Xóa">
                                <i class="icon-remove"></i>
                            </a>
                        </span>
                    </span>
                    @endif
                    <h3>Loại phòng {{ ++$counter }}</h3>
                    <ul class="house-info room-detail">
                        <li class="item">
                            <span class="label">Diện tích</span>
                            <span class="value">{{ $ro->area }} m <sup>2</sup></span>
                        </li>
                        @foreach ($check_fields as $key => $label)
                        <li class="item">
                            <span class="label">{{ $label }}</span>
                            <span class="value">
                                @if ($ro->$key)
                                <i class="icon-ok"></i> Có
                                @else
                                <i class="icon-remove"></i> Không
                                @endif
                            </span>
                        </li>
                        @endforeach
                        <li class="item">
                            <span class="label">Sức chứa</span>
                            <span class="value">{{ $ro->capacity }} người</span>
                        </li>
                        <li class="item">
                            <span class="label">Số phòng còn trống</span>
                            <span class="value">{{ $ro->blank }} phòng</span>
                        </li>
                        <li class="item">
                            <span class="label">Giá phòng (/tháng)</span>
                            <span class="value">{{ $ro->vnd_formatted('price') }}</span>
                        </li>
                    </ul>
                </div>
                @empty
                <div class="error">Chủ nhà trọ chưa cập nhật loại phòng</div>
                @endforelse
            </div>
        </div>

        <div class="controls-wrap">
            @if (MyAuth::has_house_privileges($house->id))
            <div class="update-control">
                <span>
                    <a class="spec recommend" href="{{ action('house@update', array($house->id))}}" title="sửa thông tin nhà trọ này">
                        <i class="icon-edit"></i>
                        Cập nhật
                    </a>
                </span>

                <span>
                    <a class="spec warning" href="{{ action('house@delete', array($house->id)) }}" title="xóa nhà trọ này">
                        <i class="icon-remove"></i>
                        Xóa
                    </a>
                </span>
            </div>
            @endif
        </div>
    </div>

    <div class="w300 fl-right sidebar">
        <h2>Nhận xét</h2>
        <div class="sidebar-box">
            <form id="comment-form" action="{{ action('comment@post', array($house->id)) }}" method="POST">
                <fieldset>
                    <legend>Nhận xét của bạn</legend>
                    <div class="control-group">
                        <label for="name">Tên bạn (tùy chọn)</label>
                        <div class="controls">
                            <input type="text" name="name" id="name" class="w-full" value="{{ MyAuth::check() ? MyAuth::user()->display_name : '' }}" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="email">Email (để người khác có thể liên lạc với bạn)</label>
                        <div class="controls">
                            <input type="text" name="email" id="email" class="w-full" value="{{ MyAuth::check() ? MyAuth::user()->email : '' }}"/>
                        </div>
                    </div>

                    <div class="control-group">
                        <label for="body">Nội dung (xin nhận xét lịch sự)</label>
                        <div class="controls">
                            <textarea name="body" id="body" cols="30" rows="3" class="w-full"></textarea>
                        </div>
                    </div>

                    {{ render('shared.captcha', array('id' => 'captcha')) }}

                    <div class="control-group buttons">
                        <div class="controls ta-right">
                            {{ Form::token() }}
                            <button class="btn" type="submit">Đăng tin</button>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>

        <div class="sidebar-box" id="comments-outer">
            <h2>Các bình luận</h2>
            <ul id="comments">
                <li class="comment hidden" id="comment-template">
                    <div class="head">
                        <div class="author">

                        </div>
                        <div class="time"></div>
                    </div>
                    <div class="content">

                    </div>
                </li>
                @foreach (Comment::by_house($house->id) as $cmt)
                <li class="comment">
                    <div class="head">
                        <div class="author">
                            {{ $cmt->name }} ({{ $cmt->email }})
                        </div>
                        <div class="time">{{ $cmt->time }}</div>
                    </div>
                    <div class="content">
                        {{ e($cmt->body) }}
                    </div>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>

<!-- map zone -->
<div id="map-group">
    <div id="map-canvas-outer">
        <div id="map-canvas"></div>
    </div>
    <div id="map-controls">
        <div id="hint" class="fl-left">Dùng chuột di chuyển biểu tượng màu đỏ đến nơi bạn xuất phát</div>
        <div id="submit-group">
            <button type="button" id="routing" class="btn">Tính đường đi</button>
            <button type="button" id="close-map" class="btn">Đóng</button>
        </div>
    </div>
</div>
@endsection